<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        h4 {
            color: rgb(9, 128, 0);
        }

        h3,
        h4 {
            display: inline;
        }

        .content1 {
            font-weight: bolder;
            color: blue;
        }

        .content2 {
            font-weight: 650px;
            color: rgb(240, 148, 0);
        }

        .content3 {
            font-weight: 600px;
            color: green;
        }

        div {
            width: 30px;
            height: 30px;
            background-color: red;
            display: inline;
        }
    </style>
</head>

<body>
    <h3>知识梳理_
    </h3>
    <h4>王其</h4>
    <ul>
        <li class="content1">列表
            <ol>
                <li>有序列表</li>
                <li>无序列表</li>
                <li>自定义列表</li>
            </ol>
        </li>
        <li class="content1">超链接</li>
    </ul>
    <dl>
        <dt>
           <dd class="content2">语法形式
              <dl>
                <dt>
                  <dd>
                    <div> <a href="第三周课堂作业/第三周作业图片.png">源端点</a></div>
                  </dd>
                </dt>
             </dl>
           </dd>
        </dt>

        <dd class="content2">分类
            <dl>
                <dt class="content3">源端点
                <dd>文本链接</dd>
                <dd>图像链接</dd>
                <dd>图像映射</dd>
                </dt>
            </dl>
        </dd>

    </dl>




</body>

</html>